@rmwc/provider

Provider

A component that provides global configuration for RMWC.

• Module @rmwc/provider

You can wrap your top level App component with RMWC provider to set global configuration options. Just pass the options in as props.

  `
  import React from 'react';
  import * as ReactDOM from 'react-dom';
  import App from './App'; // your main app component
  import { RMWCProvider } from '@rmwc/provider';

  // This example disables ripples globally by default
  ReactDOM.render(
    <RMWCProvider
      // Globally disable ripples
      ripple={false}
      // Global options for icons
      // Takes the same options as the icon component
      icon={{
        basename: 'material-icons'
      }}
      // Global options for typography
      // allows mapping of a defaultTag or specific classes
      // See the Typography docs for more info
      typography={{
        defaultTag: 'div',
        headline1: 'h1'
      }}
      // Global options for tooltips
      // Takes most of the options for tooltips
      // See the Tooltip docs for more info
      tooltip={{
        align: 'right'
      }}
    >
      <App />
    </RMWCProvider>,
    document.getElementById('root'),
  );
`

RMWCProvider

A provider for setting global options in RMWC.

Props

Name	Type	Description
children	React.ReactNode	Children to render
icon	Partial<IconOptions>	Global options for icons
ripple	undefined | false | true	Enable / Disable interaction ripples globally
tooltip	Partial<TooltipOptions>	Global tooltip options
typography	Partial<TypographyOptions>	Global typography options

Changelog

6.1.4 (2020-09-11)

Build System / Dependencies

• deps: bump elliptic from 6.5.2 to 6.5.3 (0e5d097b)

New Features

• Tab: Add ability to set focusOnActivate (ab155a96)

Bug Fixes

• Select:
  • added the "sudden removal" story (616ee47f)
  • fixed unhandled error on "sudden" item removal (b34c0b47)
• base:
  • Properly pass foundation in useFoundation effect (cd556bc3)
  • Use local foundation reference in useFoundation effect (b9fdc94c)
  • Re-set apiRef in useFoundation after nulling it (748bdf35)
• Tab: activeTabIndex always updating automatically (ed0f0091)

Other Changes

• remove not use deps from externals (e03ed26a)

Tests

• Select: Story for enhanced Select with Portal (e882c13a)
• Menu: Show index in hoistToBody story (b0600e28)